var uiu = document.querySelector(".two2")
var soo = document.querySelector(".soo")
var xs = document.querySelector("#xs")
var lol = document.querySelector("#lol")
var pop = document.querySelector(".pop")
var opo = document.querySelector(".opo")
var lkl = document.querySelector("#lkl")
var jk = document.querySelector(".jk")
uiu.onclick = function() {
	soo.style.display = "block"
}
xs.onclick = function() {
	soo.style.display = "none"
}
lol.onclick = function() {
	pop.style.display = "block"
	opo.style.display = "none"
	jk.style.display = "none"
}
lkl.onclick = function() {
	opo.style.display = "none"
	jk.style.display = "block"
}
lol.onkeydown = function(e) {
	if (e.keyCode === 13) {
		opo.style.display = "none"
		jk.style.display = "block"
		pop.style.display = "none"
	}
}
var tyt = document.querySelectorAll(".tyt")
for (var q = 0; q < tyt.length; q++) {
	tyt[q].onclick = function() {
		var lol = document.querySelector("#lol")
		lol.value = this.innerHTML
		pop.style.display = "none"
		opo.style.display = "block"
	}

}

var left = document.querySelector(".left")
var right = document.querySelector(".right")
var banner = document.querySelector(".banner")

banner.onmouseenter = function() {
	left.style.display = "block"
	right.style.display = "block"
}


banner.onmouseleave = function() {
	left.style.display = ""
	right.style.display = ""
}






var tabEle = document.querySelectorAll(".tab li")
var img1 = document.querySelector(".img1")
var img2 = document.querySelector(".img2")
var img3 = document.querySelector(".img3")
var img4 = document.querySelector(".img4")
for (var i = 0; i < tabEle.length; i++) {
	tabEle[0].onmouseenter = function() {
		this.style.backgroundColor = "#fff"
		tabEle[1].style.backgroundColor = "#000"
		tabEle[2].style.backgroundColor = "#000"
		tabEle[3].style.backgroundColor = "#000"
		img1.style.display = "black"
		img2.style.display = "none"
		img3.style.display = "none"
		img4.style.display = "none"
	}
}
for (var i = 0; i < tabEle.length; i++) {
	tabEle[1].onmouseenter = function() {
		this.style.backgroundColor = "#fff"
		tabEle[0].style.backgroundColor = "#000"
		tabEle[2].style.backgroundColor = "#000"
		tabEle[3].style.backgroundColor = "#000"
		img2.style.display = "black"
		img1.style.display = "none"
		img3.style.display = "none"
		img4.style.display = "none"
	}
}

for (var i = 0; i < tabEle.length; i++) {
	tabEle[2].onmouseenter = function() {
		this.style.backgroundColor = "#fff"
		tabEle[1].style.backgroundColor = "#000"
		tabEle[0].style.backgroundColor = "#000"
		tabEle[3].style.backgroundColor = "#000"
		img3.style.display = "black"
		img2.style.display = "none"
		img1.style.display = "none"
		img4.style.display = "none"
	}
}

for (var i = 0; i < tabEle.length; i++) {
	tabEle[3].onmouseenter = function() {
		this.style.backgroundColor = "#fff"
		tabEle[1].style.backgroundColor = "#000"
		tabEle[2].style.backgroundColor = "#000"
		tabEle[0].style.backgroundColor = "#000"
		img4.style.display = "black"
		img2.style.display = "none"
		img3.style.display = "none"
		img1.style.display = "none"
	}
}


var fan = document.querySelector(".fanhui")
window.onscroll = function() {
	var hight = document.documentElement.scrollTop || document.body.scrollTop
	if (hight >= 500) {
		fan.style.display = "block"
	} else {
		fan.style.display = "none"
	}
}
fan.addEventListener("click", () => {
	document.documentElement.scrollTop = 0
	document.body.scrollTop = 0
})


var actu = document.querySelector("#actu")
var erweitwos = document.querySelector("#erweitwos")
actu.onmouseover = function() {
	erweitwos.setAttribute("style", "display:block;")
}
actu.onmouseleave = function() {
	erweitwos.setAttribute("style", "display:none;")
}

var liEle = document.querySelectorAll(".box2 li")
var ulEle = document.querySelectorAll(".box3 ul")
var boxEle = document.querySelector(".box3")
for (var i = 0; i < liEle.length; i++) {
	liEle[0].onmouseover = function() {
		boxEle.setAttribute("style", "display:block;")
		for (var n = 0; n < ulEle.length; n++) {
			ulEle[0].style.display = "block"
			ulEle[1].style.display = "none"
			ulEle[2].style.display = "none"
			ulEle[3].style.display = "none"
			ulEle[4].style.display = "none"
			ulEle[5].style.display = "none"
			ulEle[6].style.display = "none"
			ulEle[7].style.display = "none"
			ulEle[8].style.display = "none"
			ulEle[9].style.display = "none"
		}
	}
}
for (var i = 0; i < liEle.length; i++) {
	liEle[1].onmouseover = function() {
		boxEle.setAttribute("style", "display:block;")
		for (var n = 0; n < ulEle.length; n++) {
			ulEle[1].style.display = "block"
			ulEle[0].style.display = "none"
			ulEle[2].style.display = "none"
			ulEle[3].style.display = "none"
			ulEle[4].style.display = "none"
			ulEle[5].style.display = "none"
			ulEle[6].style.display = "none"
			ulEle[7].style.display = "none"
			ulEle[8].style.display = "none"
			ulEle[9].style.display = "none"
		}
	}
}
for (var i = 0; i < liEle.length; i++) {
	liEle[2].onmouseover = function() {
		boxEle.setAttribute("style", "display:block;")
		for (var n = 0; n < ulEle.length; n++) {
			ulEle[2].style.display = "block"
			ulEle[0].style.display = "none"
			ulEle[1].style.display = "none"
			ulEle[3].style.display = "none"
			ulEle[4].style.display = "none"
			ulEle[5].style.display = "none"
			ulEle[6].style.display = "none"
			ulEle[7].style.display = "none"
			ulEle[8].style.display = "none"
			ulEle[9].style.display = "none"
		}
	}
}
for (var i = 0; i < liEle.length; i++) {
	liEle[3].onmouseover = function() {
		boxEle.setAttribute("style", "display:block;")
		for (var n = 0; n < ulEle.length; n++) {
			ulEle[3].style.display = "block"
			ulEle[0].style.display = "none"
			ulEle[1].style.display = "none"
			ulEle[2].style.display = "none"
			ulEle[4].style.display = "none"
			ulEle[5].style.display = "none"
			ulEle[6].style.display = "none"
			ulEle[7].style.display = "none"
			ulEle[8].style.display = "none"
			ulEle[9].style.display = "none"
		}
	}
}
for (var i = 0; i < liEle.length; i++) {
	liEle[4].onmouseover = function() {
		boxEle.setAttribute("style", "display:block;")
		for (var n = 0; n < ulEle.length; n++) {
			ulEle[4].style.display = "block"
			ulEle[0].style.display = "none"
			ulEle[1].style.display = "none"
			ulEle[2].style.display = "none"
			ulEle[3].style.display = "none"
			ulEle[5].style.display = "none"
			ulEle[6].style.display = "none"
			ulEle[7].style.display = "none"
			ulEle[8].style.display = "none"
			ulEle[9].style.display = "none"
		}
	}
}
for (var i = 0; i < liEle.length; i++) {
	liEle[5].onmouseover = function() {
		boxEle.setAttribute("style", "display:block;")
		for (var n = 0; n < ulEle.length; n++) {
			ulEle[5].style.display = "block"
			ulEle[0].style.display = "none"
			ulEle[1].style.display = "none"
			ulEle[2].style.display = "none"
			ulEle[3].style.display = "none"
			ulEle[4].style.display = "none"
			ulEle[6].style.display = "none"
			ulEle[7].style.display = "none"
			ulEle[8].style.display = "none"
			ulEle[9].style.display = "none"
		}
	}
}
for (var i = 0; i < liEle.length; i++) {
	liEle[6].onmouseover = function() {
		boxEle.setAttribute("style", "display:block;")
		for (var n = 0; n < ulEle.length; n++) {
			ulEle[6].style.display = "block"
			ulEle[0].style.display = "none"
			ulEle[1].style.display = "none"
			ulEle[2].style.display = "none"
			ulEle[3].style.display = "none"
			ulEle[4].style.display = "none"
			ulEle[5].style.display = "none"
			ulEle[7].style.display = "none"
			ulEle[8].style.display = "none"
			ulEle[9].style.display = "none"
		}
	}
}
for (var i = 0; i < liEle.length; i++) {
	liEle[7].onmouseover = function() {
		boxEle.setAttribute("style", "display:block;")
		for (var n = 0; n < ulEle.length; n++) {
			ulEle[7].style.display = "block"
			ulEle[0].style.display = "none"
			ulEle[1].style.display = "none"
			ulEle[2].style.display = "none"
			ulEle[3].style.display = "none"
			ulEle[4].style.display = "none"
			ulEle[5].style.display = "none"
			ulEle[6].style.display = "none"
			ulEle[8].style.display = "none"
			ulEle[9].style.display = "none"
		}
	}
}
for (var i = 0; i < liEle.length; i++) {
	liEle[8].onmouseover = function() {
		boxEle.setAttribute("style", "display:block;")
		for (var n = 0; n < ulEle.length; n++) {
			ulEle[8].style.display = "block"
			ulEle[0].style.display = "none"
			ulEle[1].style.display = "none"
			ulEle[2].style.display = "none"
			ulEle[3].style.display = "none"
			ulEle[4].style.display = "none"
			ulEle[5].style.display = "none"
			ulEle[6].style.display = "none"
			ulEle[7].style.display = "none"
			ulEle[9].style.display = "none"
		}
	}
}
for (var i = 0; i < liEle.length; i++) {
	liEle[9].onmouseover = function() {
		boxEle.setAttribute("style", "display:block;")
		for (var n = 0; n < ulEle.length; n++) {
			ulEle[9].style.display = "block"
			ulEle[0].style.display = "none"
			ulEle[1].style.display = "none"
			ulEle[2].style.display = "none"
			ulEle[3].style.display = "none"
			ulEle[4].style.display = "none"
			ulEle[5].style.display = "none"
			ulEle[6].style.display = "none"
			ulEle[7].style.display = "none"
			ulEle[8].style.display = "none"
		}
	}
}

var rtr = document.querySelector("#rtr")
var yby = document.querySelector("#yby")
var qby = document.querySelector("#qby")
var uby = document.querySelector("#uby")
var oby = document.querySelector("#oby")
var kby = document.querySelector("#kby")
var rby = document.querySelector("#rby")
var dby = document.querySelector("#dby")
var eby = document.querySelector("#eby")
var wby = document.querySelector("#wby")
var oppoli = document.querySelectorAll(".oppobox li a")
for (var t = 0; t <= oppoli.length; t++) {
	oppoli[1].onclick = function() {
		this.style.color = "black"
		oppoli[0].style.color = "#9e9e9e"
		oppoli[2].style.color = "#9e9e9e"
		oppoli[3].style.color = "#9e9e9e"
		oppoli[4].style.color = "#9e9e9e"
		oppoli[5].style.color = "#9e9e9e"
		rtr.style.display = "none"
		yby.style.display = "block"
		qby.style.display = "none"
		uby.style.display = "none"
		oby.style.display = "none"
		kby.style.display = "none"
		oppoli[6].style.color = "#9e9e9e"
		rby.style.display = "none"
		oppoli[7].style.color = "#9e9e9e"
		dby.style.display = "none"
		oppoli[8].style.color = "#9e9e9e"
		eby.style.display = "none"
		oppoli[9].style.color = "#9e9e9e"
		wby.style.display = "none"
	}
}
for (var t = 0; t <= oppoli.length; t++) {
	oppoli[0].onclick = function() {
		this.style.color = "black"
		oppoli[1].style.color = "#9e9e9e"
		oppoli[2].style.color = "#9e9e9e"
		oppoli[3].style.color = "#9e9e9e"
		oppoli[4].style.color = "#9e9e9e"
		oppoli[5].style.color = "#9e9e9e"
		rtr.style.display = "block"
		yby.style.display = "none"
		qby.style.display = "none"
		uby.style.display = "none"
		oby.style.display = "none"
		kby.style.display = "none"
		oppoli[6].style.color = "#9e9e9e"
		rby.style.display = "none"
		oppoli[7].style.color = "#9e9e9e"
		dby.style.display = "none"
		oppoli[8].style.color = "#9e9e9e"
		eby.style.display = "none"
		oppoli[9].style.color = "#9e9e9e"
		wby.style.display = "none"
	}
}
for (var t = 0; t <= oppoli.length; t++) {
	oppoli[2].onclick = function() {
		this.style.color = "black"
		oppoli[1].style.color = "#9e9e9e"
		oppoli[0].style.color = "#9e9e9e"
		oppoli[3].style.color = "#9e9e9e"
		oppoli[4].style.color = "#9e9e9e"
		oppoli[5].style.color = "#9e9e9e"
		rtr.style.display = "none"
		yby.style.display = "none"
		qby.style.display = "block"
		uby.style.display = "none"
		oby.style.display = "none"
		kby.style.display = "none"
		oppoli[6].style.color = "#9e9e9e"
		rby.style.display = "none"
		oppoli[7].style.color = "#9e9e9e"
		dby.style.display = "none"
		oppoli[8].style.color = "#9e9e9e"
		eby.style.display = "none"
		oppoli[9].style.color = "#9e9e9e"
		wby.style.display = "none"
	}
}
for (var t = 0; t <= oppoli.length; t++) {
	oppoli[3].onclick = function() {
		this.style.color = "black"
		oppoli[1].style.color = "#9e9e9e"
		oppoli[0].style.color = "#9e9e9e"
		oppoli[2].style.color = "#9e9e9e"
		oppoli[4].style.color = "#9e9e9e"
		oppoli[5].style.color = "#9e9e9e"
		rtr.style.display = "none"
		yby.style.display = "none"
		qby.style.display = "none"
		uby.style.display = "block"
		oby.style.display = "none"
		kby.style.display = "none"
		oppoli[6].style.color = "#9e9e9e"
		rby.style.display = "none"
		oppoli[7].style.color = "#9e9e9e"
		dby.style.display = "none"
		oppoli[8].style.color = "#9e9e9e"
		eby.style.display = "none"
		oppoli[9].style.color = "#9e9e9e"
		wby.style.display = "none"
	}
}

for (var t = 0; t <= oppoli.length; t++) {
	oppoli[4].onclick = function() {
		this.style.color = "black"
		oppoli[1].style.color = "#9e9e9e"
		oppoli[0].style.color = "#9e9e9e"
		oppoli[2].style.color = "#9e9e9e"
		oppoli[3].style.color = "#9e9e9e"
		oppoli[5].style.color = "#9e9e9e"
		rtr.style.display = "none"
		yby.style.display = "none"
		qby.style.display = "none"
		uby.style.display = "none"
		oby.style.display = "block"
		kby.style.display = "none"
		oppoli[6].style.color = "#9e9e9e"
		rby.style.display = "none"
		oppoli[7].style.color = "#9e9e9e"
		dby.style.display = "none"
		oppoli[8].style.color = "#9e9e9e"
		eby.style.display = "none"
		oppoli[9].style.color = "#9e9e9e"
		wby.style.display = "none"
	}
}
for (var t = 0; t <= oppoli.length; t++) {
	oppoli[5].onclick = function() {
		this.style.color = "black"
		oppoli[1].style.color = "#9e9e9e"
		oppoli[0].style.color = "#9e9e9e"
		oppoli[2].style.color = "#9e9e9e"
		oppoli[3].style.color = "#9e9e9e"
		oppoli[4].style.color = "#9e9e9e"
		rtr.style.display = "none"
		yby.style.display = "none"
		qby.style.display = "none"
		uby.style.display = "none"
		oby.style.display = "none"
		kby.style.display = "block"
		oppoli[6].style.color = "#9e9e9e"
		rby.style.display = "none"
		oppoli[7].style.color = "#9e9e9e"
		dby.style.display = "none"
		oppoli[8].style.color = "#9e9e9e"
		eby.style.display = "none"
		oppoli[9].style.color = "#9e9e9e"
		wby.style.display = "none"
	}
}
for (var t = 0; t <= oppoli.length; t++) {
	oppoli[6].onclick = function() {
		this.style.color = "black"
		oppoli[1].style.color = "#9e9e9e"
		oppoli[0].style.color = "#9e9e9e"
		oppoli[2].style.color = "#9e9e9e"
		oppoli[3].style.color = "#9e9e9e"
		oppoli[4].style.color = "#9e9e9e"
		rtr.style.display = "none"
		yby.style.display = "none"
		qby.style.display = "none"
		uby.style.display = "none"
		oby.style.display = "none"
		kby.style.display = "none"
		oppoli[5].style.color = "#9e9e9e"
		rby.style.display = "block"
		oppoli[7].style.color = "#9e9e9e"
		dby.style.display = "none"
		oppoli[8].style.color = "#9e9e9e"
		eby.style.display = "none"
		oppoli[9].style.color = "#9e9e9e"
		wby.style.display = "none"
	}
}
for (var t = 0; t <= oppoli.length; t++) {
	oppoli[7].onclick = function() {
		this.style.color = "black"
		oppoli[1].style.color = "#9e9e9e"
		oppoli[0].style.color = "#9e9e9e"
		oppoli[2].style.color = "#9e9e9e"
		oppoli[3].style.color = "#9e9e9e"
		oppoli[4].style.color = "#9e9e9e"
		rtr.style.display = "none"
		yby.style.display = "none"
		qby.style.display = "none"
		uby.style.display = "none"
		oby.style.display = "none"
		kby.style.display = "none"
		oppoli[5].style.color = "#9e9e9e"
		rby.style.display = "none"
		oppoli[6].style.color = "#9e9e9e"
		dby.style.display = "block"
		oppoli[8].style.color = "#9e9e9e"
		eby.style.display = "none"
		oppoli[9].style.color = "#9e9e9e"
		wby.style.display = "none"
	}
}
for (var t = 0; t <= oppoli.length; t++) {
	oppoli[8].onclick = function() {
		this.style.color = "black"
		oppoli[1].style.color = "#9e9e9e"
		oppoli[0].style.color = "#9e9e9e"
		oppoli[2].style.color = "#9e9e9e"
		oppoli[3].style.color = "#9e9e9e"
		oppoli[4].style.color = "#9e9e9e"
		rtr.style.display = "none"
		yby.style.display = "none"
		qby.style.display = "none"
		uby.style.display = "none"
		oby.style.display = "none"
		kby.style.display = "none"
		oppoli[5].style.color = "#9e9e9e"
		rby.style.display = "none"
		oppoli[6].style.color = "#9e9e9e"
		dby.style.display = "none"
		oppoli[7].style.color = "#9e9e9e"
		eby.style.display = "block"
		oppoli[9].style.color = "#9e9e9e"
		wby.style.display = "none"
	}
}
for (var t = 0; t <= oppoli.length; t++) {
	oppoli[9].onclick = function() {
		this.style.color = "black"
		oppoli[1].style.color = "#9e9e9e"
		oppoli[0].style.color = "#9e9e9e"
		oppoli[2].style.color = "#9e9e9e"
		oppoli[3].style.color = "#9e9e9e"
		oppoli[4].style.color = "#9e9e9e"
		rtr.style.display = "none"
		yby.style.display = "none"
		qby.style.display = "none"
		uby.style.display = "none"
		oby.style.display = "none"
		kby.style.display = "none"
		oppoli[5].style.color = "#9e9e9e"
		rby.style.display = "none"
		oppoli[6].style.color = "#9e9e9e"
		dby.style.display = "none"
		oppoli[7].style.color = "#9e9e9e"
		eby.style.display = "none"
		oppoli[8].style.color = "#9e9e9e"
		wby.style.display = "block"
	}
}
var pby = document.querySelector("#pby")
var lby = document.querySelector("#lby")
var mby = document.querySelector("#mby")
var oppolis = document.querySelectorAll(".yutr li a")
for (var p = 0; p <= oppolis.length; p++) {
	oppolis[0].onclick = function() {
		this.style.color = "black"
		oppolis[1].style.color = "#9e9e9e"
		oppolis[2].style.color = "#9e9e9e"
		pby.style.display = "block"
		lby.style.display = "none"
		mby.style.display = "none"
	}
}
for (var p = 0; p <= oppolis.length; p++) {
	oppolis[1].onclick = function() {
		this.style.color = "black"
		oppolis[0].style.color = "#9e9e9e"
		oppolis[2].style.color = "#9e9e9e"
		pby.style.display = "none"
		lby.style.display = "block"
		mby.style.display = "none"
	}
}
for (var p = 0; p <= oppolis.length; p++) {
	oppolis[2].onclick = function() {
		this.style.color = "black"
		oppolis[0].style.color = "#9e9e9e"
		oppolis[1].style.color = "#9e9e9e"
		pby.style.display = "none"
		lby.style.display = "none"
		mby.style.display = "block"
	}
}

var xby = document.querySelector("#xby")
var fby = document.querySelector("#fby")
var sby = document.querySelector("#sby")
var aby = document.querySelector("#aby")
var bby = document.querySelector("#bby")
var oppolie = document.querySelectorAll(".rtey li a")
for (var p = 0; p <= oppolie.length; p++) {
	oppolie[0].onclick = function() {
		this.style.color = "black"
		oppolie[1].style.color = "#9e9e9e"
		oppolie[2].style.color = "#9e9e9e"
		oppolie[3].style.color = "#9e9e9e"
		oppolie[4].style.color = "#9e9e9e"
		xby.style.display = "block"
		fby.style.display = "none"
		sby.style.display = "none"
		aby.style.display = "none"
		bby.style.display = "none"

	}
}
for (var p = 0; p <= oppolie.length; p++) {
	oppolie[1].onclick = function() {
		this.style.color = "black"
		oppolie[0].style.color = "#9e9e9e"
		oppolie[2].style.color = "#9e9e9e"
		oppolie[3].style.color = "#9e9e9e"
		oppolie[4].style.color = "#9e9e9e"
		xby.style.display = "none"
		fby.style.display = "block"
		sby.style.display = "none"
		aby.style.display = "none"
		bby.style.display = "none"

	}
}
for (var p = 0; p <= oppolie.length; p++) {
	oppolie[2].onclick = function() {
		this.style.color = "black"
		oppolie[0].style.color = "#9e9e9e"
		oppolie[1].style.color = "#9e9e9e"
		oppolie[3].style.color = "#9e9e9e"
		oppolie[4].style.color = "#9e9e9e"
		xby.style.display = "none"
		fby.style.display = "none"
		sby.style.display = "block"
		aby.style.display = "none"
		bby.style.display = "none"

	}
}
for (var p = 0; p <= oppolie.length; p++) {
	oppolie[3].onclick = function() {
		this.style.color = "black"
		oppolie[0].style.color = "#9e9e9e"
		oppolie[1].style.color = "#9e9e9e"
		oppolie[2].style.color = "#9e9e9e"
		oppolie[4].style.color = "#9e9e9e"
		xby.style.display = "none"
		fby.style.display = "none"
		sby.style.display = "none"
		aby.style.display = "block"
		bby.style.display = "none"

	}
}
for (var p = 0; p <= oppolie.length; p++) {
	oppolie[4].onclick = function() {
		this.style.color = "black"
		oppolie[0].style.color = "#9e9e9e"
		oppolie[1].style.color = "#9e9e9e"
		oppolie[2].style.color = "#9e9e9e"
		oppolie[3].style.color = "#9e9e9e"
		xby.style.display = "none"
		fby.style.display = "none"
		sby.style.display = "none"
		aby.style.display = "none"
		bby.style.display = "block"

	}
}
//上面的二维码
boxEle.onmouseleave = function() {
	boxEle.style.display = ""
}
var actimg = document.querySelector("#actimg")
var boxErtwo = document.querySelector(".box-er")
actimg.onmouseover = function() {
	boxErtwo.setAttribute("style", "display:block;")
}
actimg.onmouseleave = function() {
	boxErtwo.setAttribute("style", "display:none;")
}
